<template>
	<view>
		<view  class="popup_content" >
			<view class="panel_box">
				<view class="panel_box_title">业务员信息</view>
				
				<view class="popup_list_item" v-if="salerInfo.user_name">
					<view class="item_left">
						<view class="item_left_top">
							<view class="item_title">{{salerInfo.user_name}}</view>
							<view class="item_type" v-if="salerInfo.user_code" >{{salerInfo.user_code}}</view>
						</view>
						<view class="item_left_bottom">
							<view class="left_bottom_box">
								{{salerInfo.tel}}
							</view>
							<view class="left_bottom_box"  v-if="salerInfo.email">
								{{salerInfo.email}}
							</view>
						</view>
					</view>
				</view>
						
				
				<view class="panel_content">
					<view style="margin:auto;margin-top: 30rpx; margin-bottom: 20rpx; width: 300rpx;">
						<button type="default" class="button"  size="mini" style="width:100%;background-color: #910a15;color: #fff; font-size: 30rpx;" @click="salerShow=true">选择业务员</button>				
					</view>
				</view>
				
			</view>
			
			
			
			<view class="panel_box">
				<view class="panel_box_title">客户信息</view>
				
				<view class="qrcode_img" v-if="!customerInfo.customer_name&&qrcodeUrl">
					<image  mode="aspectFill" :src="qrcodeUrl"></image>
				</view>
			
				<view class="popup_list_item" v-if="customerInfo.customer_name">
					<view class="item_left">
						<view class="item_left_top">
							<view class="item_title">{{customerInfo.customer_name}}</view>
							<view class="item_type">{{customerInfo.customer_kind}}</view>
						</view>
						<view class="item_left_bottom">
							<view class="left_bottom_box">
								{{customerInfo.tel}}
							</view>
							<view class="left_bottom_box">
								{{customerInfo.address}}
							</view>
						</view>
					</view>
				</view>
						
				
				<view class="panel_content">
	
					<view style="margin:auto;margin-top: 30rpx; margin-bottom: 20rpx; width: 300rpx;">
						<button type="default" class="button"  size="mini" style="width:100%;background-color: #910a15;color: #fff; font-size: 30rpx;" @click="popupShow=true">选择客户</button>	
					</view>
					
				</view>

			</view>
			
			
			<view class="panel_box" >
				<view class="panel_box_title">选择门店</view>
				<view class="popup_form">
					<view class="form_item"  style="width: 90%;">
						<view class="form_item_name"  style="width: 20%;">门店：</view>
						<view class="form_item_input">
							<picker @change="selectChange" data-key="shop_id" :value="selectList['shop_id']['index']" :range="selectList['shop_id']['item']" :range-key="'cStoreName'">
								<view style="padding-left: 20rpx;line-height: 60rpx;" class="uni-input">{{selectList['shop_id']['item'][selectList['shop_id']['index']].cStoreName}}</view>
							</picker>
						</view>
					</view>
				</view>
			</view>
			
			
			<view style="margin:60rpx 0rpx;">
				<button type="default" class="button" style="background-color: #910a15;color: #fff; font-size: 30rpx;" @click="submitForm()">点击提交</button>				
			</view>
		</view>
		
		
		<orderCustomerPopup :show.sync="popupShow" :customer.sync="customerInfo" :data.sync="customerData"></orderCustomerPopup>
		<orderSalerPopup :show.sync="salerShow" :dataInfo.sync="salerInfo"></orderSalerPopup>
		
	</view>
</template>


<script>
	import  parentPage from '@/common/parent-page.js';
	import orderCustomerPopup from '@/pages/product/components/order-customer-popup/order-customer-popup.vue';
	import orderSalerPopup from '@/pages/product/components/order-saler-popup/order-saler-popup.vue';
	import {index} from './index.js';
	export default {mixins: [parentPage,index],components: {'orderCustomerPopup': orderCustomerPopup,"orderSalerPopup":orderSalerPopup}}
</script>



<style>
	@import './index.css';
</style>
